<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="../echart/echarts.min.js"></script>
    <script src="huishui.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 1200px;height:800px;background:#1B1B1B"></div>
    <script>
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        echarts.registerMap('main', json);
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'ECharts GEO展示'
            },
            // dataRange: {
            //     min : 0,
            //     max : 100,
            //     calculable : true,
            //     color: ['#ff3333', 'orange', 'yellow','lime','aqua'],
            //     textStyle:{
            //         color:'#fff'
            //     }
            // },
            series: [{
                type: 'map',
                map: 'main',
                // itemStyle:{
                //     normal:{
                //         borderColor:'rgba(100,149,237,1)',
                //         borderWidth:0.5,
                //         areaStyle:{
                //             color: '#1b1b1b'
                //         }
                //     }
                // },
                // label: {
                //     normal: {
                //         show: true,
                //         formatter: function(params) {
                //             return params.name;
                //         }
                //     },
                // },
                // layoutCenter: ['50%', '50%'],
                // layoutSize: 600,
                // markPoint : {
                //     symbol:'emptyCircle',
                //     symbolSize : function (v){
                //         return 10 + v/10
                //     },
                //     effect : {
                //         show: true,
                //         shadowBlur : 0
                //     },
                //     itemStyle:{
                //         normal:{
                //             label:{show:false}
                //         },
                //         emphasis: {
                //             label:{position:'top'}
                //         }
                //     },
                //     // data : [
                //     //     {name:'濛江街道',value:95},
                //     //     {name:'明田街道',value:90},
                //     // ]
                // }
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>
